<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
<title>Ежедневник "Все по плану".</title>
</h:head> 
<h:body>
    <ui:composition template="/templates/templateFix.xhtml">
    		<ui:define name="menu">
    			<h:form id="mainmenu">
	    			<li>         	
	                    <div class="navmenu"><h:commandLink value="Главная" action="portal"/></div>
	                </li>
	                <li class="active">
	                	<div class="navmenu"><h:commandLink value="Ежедневник" action="diary"/></div>
	                </li>
	                <h:outputLabel value="#{filterDiary.label}" />
	            </h:form>
    		</ui:define>
            
            <ui:define name="sidebar">
            	<h:form id="formcalendar">
	            	<rich:calendar popup="false" id="calendar" value="#{diaryBean.calDate}" locale="#{diaryBean.locale}" style="height:210px;">      
		        		<a4j:ajax render="goalYear goalMonth goalWeek goalDay frog beefsteak toughTask fixTask eventDay avard" listener="#{diaryBean.test}"/>            				
		        	</rich:calendar>
		        </h:form>
            </ui:define> 
            
            <ui:define name="content">
            	    <div class="contentbody">
            	    	<h:form id="mainform">
					    	<div class="contenttop">
					        	<div class="goals">
					            	<h:inputText styleClass="goaltext" id="goalYear" value="#{diaryBean.myGoal.goalYear}"><f:ajax event="keyup" listener="#{diaryBean.processAjaxBehavior}"/></h:inputText><h:outputLabel value="Цели года" styleClass="goallabel" for="goalYear" id="year"/><br/>
					            		<rich:tooltip target="year">Записывайте сюда цели, которые хотите достигнуть в течении года</rich:tooltip>
					            	<h:inputText styleClass="goaltext" id="goalMonth" value="#{diaryBean.myGoal.goalMonth}"><f:ajax event="keyup" listener="#{diaryBean.processAjaxBehavior}"/></h:inputText><h:outputLabel value="Цели месяца" styleClass="goallabel" for="goalMonth" id="month"/><br/>
					            		<rich:tooltip target="month">Записывайте сюда цели, которые хотите достигнуть в течении месяца</rich:tooltip>
					            	<h:inputText styleClass="goaltext" id="goalWeek" value="#{diaryBean.myGoal.goalWeek}"><f:ajax event="keyup" listener="#{diaryBean.processAjaxBehavior}"/></h:inputText><h:outputLabel value="Цели недели" styleClass="goallabel" for="goalWeek" id="week"/><br/>
					            		<rich:tooltip target="week">Записывайте сюда цели, которые хотите достигнуть в течении недели</rich:tooltip>
					            	<h:inputText styleClass="goaltext" id="goalDay" value="#{diaryBean.myGoal.goalDay}"><f:ajax event="keyup" listener="#{diaryBean.processAjaxBehavior}"/></h:inputText><h:outputLabel value="Цели дня" styleClass="goallabel" for="goalDay" id="day"/><br/>
					              		<rich:tooltip target="day">Цели, которые хотите достигнуть в течение дня</rich:tooltip>
					            </div>
					            <div class="goals">
					              	
					            	<h:inputText styleClass="goaltext" id="frog" value="#{diaryBean.myGoal.frog}"><f:ajax event="keyup" listener="#{diaryBean.processAjaxBehavior}"/></h:inputText><h:outputLabel value="Лягушка" styleClass="goallabel" for="frog" id="frg"/><br/>
					            		<rich:tooltip target="frg">Маленькое противное дело</rich:tooltip>
					            	<h:inputText styleClass="goaltext" id="beefsteak" value="#{diaryBean.myGoal.beefsteak}"><f:ajax event="keyup" listener="#{diaryBean.processAjaxBehavior}"/></h:inputText><h:outputLabel value="Бифштекс" styleClass="goallabel" for="beefsteak" id="beef"/><br/>
					            		<rich:tooltip target="beef">Маленькая часть большого дела</rich:tooltip>
					            </div>
					        </div>
					        <div class="contentmidle">
					        	<div class="schedule">
					            	<h:outputLabel for="toughTask" id="touch">
					            		<h5>Мероприятия по расписанию</h5>
					            	</h:outputLabel>
										<rich:tooltip target="touch">Запланированные события, привязанные к определенному времени</rich:tooltip>
					                <div class="alignleft">
					                	<h:inputTextarea styleClass="textareaschedule" value="#{diaryBean.myGoal.toughTask}" id="toughTask"><f:ajax event="keyup" listener="#{diaryBean.processAjaxBehavior}"/></h:inputTextarea>                		
					                </div>
					            </div>
					            <div class="schedule">
						            <h:outputLabel for="fixTask" id="fix">
						            	<h5> Мероприятия вне расписания </h5>
						            </h:outputLabel>
						            	<rich:tooltip target="fix">То что нужно сделать сегодня, но не важно когда</rich:tooltip>
					                <div class="alignright">
					                	<h:inputTextarea styleClass="textareaschedule" value="#{diaryBean.myGoal.fixTask}" id="fixTask"><f:ajax event="keyup" listener="#{diaryBean.processAjaxBehavior}"/></h:inputTextarea>  
					                </div>
					            </div>
					        </div>
					        <div class="contentbottom">        	
					        	<h:outputLabel value="Событие дня" styleClass="goallabel" for="eventDay" id="event"/><h:inputText styleClass="goaltext" id="eventDay" value="#{diaryBean.myGoal.eventDay}"><f:ajax event="keyup" listener="#{diaryBean.processAjaxBehavior}"/></h:inputText><br/>
					            	<rich:tooltip target="event">Главное событие дня - наиболее достойное в памяти</rich:tooltip>
					            <h:outputLabel value="Награда" styleClass="goallabel" for="avard" id="vrd"/><h:inputText styleClass="goaltext" id="avard" value="#{diaryBean.myGoal.award}"><f:ajax event="keyup" listener="#{diaryBean.processAjaxBehavior}"/></h:inputText><br/>
					            	<rich:tooltip target="vrd">Награды за достижения по слонам и лягушкам</rich:tooltip>
					            <div class="vidgets">
					            	<div class="vidget">
					                	<div class="alignleft">
					                    	<div class="vidgetinside">
					                        </div>
					                    </div>
					                </div>
					                <div class="vidget">
					                	<div class="relativeright">
					                    	<div class="vidgetinside">
					                        </div>
					                    </div>
					                </div>
					            </div>
				        	</div>
				    	</h:form>
				    </div>
            </ui:define>
        </ui:composition>
</h:body> 
</html>
